<h1>Overview of blog posts</h1>

<a *ngFor="let blog of blogs$ | async" [routerLink]="[blog.route]">
  <article>
    <h3>{{ blog.title || blog.route }}</h3>
    <h4>{{ blog['publish date'] | date: 'shortDate':'GMT' }}</h4>
    <p>{{ blog.description }}</p>
  </article>
</a>
